<!--
 * @Descripttion: 
 * @version: 
 * @Author: 淏
 * @Date: 2022-10-30 21:18:21
 * @LastEditors: 淏
 * @LastEditTime: 2023-11-25 18:29:28
-->
<template>
  <div>
    <el-date-picker
      size="mini"
      v-model="value"
      :picker-options="setDisabled"
      type="month"
      placeholder="选择日期"
      format="yyyy-MM"
      value-format="yyyy-MM"
      :popper-append-to-body="false"
    ></el-date-picker>
  </div>
</template>

<script>
  export default {
    // 组件名称
    name: 'SelectData',
    // 局部注册的组件
    components: {},
    // 组件参数 接收来自父组件的数据
    props: {},
    // 组件状态值
    data() {
      return {
        setDisabled: {
          disabledDate(time) {
            return time.getTime() > Date.now() // 可选历史天、可选当前天、不可选未来天
            // return time.getTime() > Date.now() - 8.64e7;  // 可选历史天、不可选当前天、不可选未来天
            // return time.getTime() < Date.now() - 8.64e7;  // 不可选历史天、可选当前天、可选未来天
            // return time.getTime() < Date.now(); // 不可选历史天、不可选当前天、可选未来天
          },
        },
        value: '',
      }
    },
    // 计算属性
    computed: {},
    // 侦听器
    watch: {
      // 被侦听的变量count
      value(value) {
        if (typeof value != 'undefined') {
          this.$emit('getDate', value)
        }
      },
    },
    created() {},
    mounted() {},
    // 组件方法
    methods: {},
  }
</script>

<style scoped></style>
